<template>
  <div class="check-index">
    <mu-sub-header>审题要求</mu-sub-header>
    <ul class="tips-list">
      <li class="tips-item">
        <p class="tips-main">题目类型合理</p>
        <p class="tips-sub mu-text-secondary">不要生活类里面出现问历史人物年代之类的，明显类型不合理的问题。</p>
        <p class="tips-sub mu-text-secondary">如果题目类型难以区分，那么反问一下自己，如果选手答题的时候发出质疑，你怎么反驳他，说明你的分类是正确的，只要有合理理由即可。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">题目长短合理</p>
        <p class="tips-sub mu-text-secondary">题目不要太长，每个题答题是有时间限制的（一般15秒），完全读不完的题目没有比赛价值。</p>
        <p class="tips-sub mu-text-secondary">题目又短又简单，大部分人都能秒答也没有意义。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">题目没有歧义</p>
        <p class="tips-sub mu-text-secondary">歧义取决于大多数人的理解，此项较难甄别。你可以按照以下规则大致确认：</p>
        <p class="tips-sub mu-text-secondary">如果这个题目所在领域你很熟悉，按照你所认知的大多数人的理解方式，不存在歧义即可。</p>
        <p class="tips-sub mu-text-secondary">如果这个题目所在领域你不熟悉，问问其他人，看看其他人对题目是什么理解。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">题目答案唯一</p>
        <p class="tips-sub mu-text-secondary">不要出现答案有争议的题目，有些问题现阶段确实存在争议，出这种题不合适。</p>
        <p class="tips-sub mu-text-secondary">简单的判别标准是：百度出来都是同一个答案。（如果选手质疑，你也可以这样告诉他，大多数人都认为这个是答案）</p>
        <p class="tips-sub mu-text-secondary">查百度也是审题组的主要任务之一。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">题目图片有效</p>
        <p class="tips-sub mu-text-secondary">对于图片题，要求标准是“没图这题做不出来”，不能出现即使没有图片也不影响答题的情况。</p>
        <p class="tips-sub mu-text-secondary">反例：清明上河图创作于哪个朝代。（图片贴清明上河图）</p>
        <p class="tips-sub mu-text-secondary">这样图片存在并没有实际意义。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">题目时效性</p>
        <p class="tips-sub mu-text-secondary">有关于时事政治或者和时间有关的题目，检查有误“至xx年xx月xx日为止”的字样。</p>
        <p class="tips-sub mu-text-secondary">正式比赛和出题时间相隔往往超过半年，没写清楚时间容易GG。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">不要涉及政治敏感话题</p>
        <p class="tips-sub mu-text-secondary">别作死，有的时候比赛有老师在场。</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">不要涉及色情、暴力、违法乱纪的东西</p>
        <p class="tips-sub mu-text-secondary">同上。</p>
        <p class="tips-sub mu-text-secondary">（公认的艺术作品不属于色情，但注意，要求是“公认”不是“个人认为”）</p>
      </li>
      <li class="tips-item">
        <p class="tips-main">特殊问题，写备注，长期保存。</p>
        <p class="tips-sub mu-text-secondary">有些题目可能存在特殊情况，比如超过一半的人都认为题目有误，但是最终确认题目是合理无误的。</p>
        <p class="tips-sub mu-text-secondary">对于这种情况，请把题目编号，具体问题情况，还有相关对策（主要指选手质疑时如何解释说明）记录下来，长期保存。</p>
        <p class="tips-sub mu-text-secondary">请注意！！务必长期保存，安全存放，纸质、电子均可，但一定要保管好，比赛时丢失会很麻烦。</p>
      </li>
    </ul>
    <div class="check-actions">
      <mu-button color="success" full-width @click="start()">开始审题</mu-button>
    </div>
  </div>
</template>

<script>
import api from '@/api'

export default {
  name: 'CheckIndex',
  data() {
    return {
      nextId: 0
    }
  },
  created() {
    this.getNextId()
  },
  methods: {
    async getNextId() {
      try {
        const data = await api.getRandomUncheckedQuestion()
        if (data) {
          this.nextId = data.id
          return data.id
        } else {
          return 0
        }
      } catch (err) {
        this.$apiCatch(err)
      }
      return 0
    },
    async start() {
      let id = 0
      if (this.nextId === 0) {
        id = await this.getNextId()
      } else {
        id = this.nextId
      }
      if (id !== 0) {
        this.$router.push({
          name: 'check-question',
          params: {
            id
          }
        })
      } else {
        this.$toast.success('所有题目都审完啦，快犒劳一下自己！')
      }
    }
  }
}
</script>

<style scoped>
.check-index {
  padding: 12px;
}
.check-actions {
  margin: 12px auto 0;
  width: 500px;
}
.tips-list {
  padding-left: 30px;
  list-style: decimal;
}
.tips-main {
  margin: 6px 0;
  font-size: 1.2em;
}

.is-phone .check-actions {
  width: 100%;
}
</style>
